@charset "UTF-8";
@import url(ui.css);
html,body {font-size:13px; font-family: Arial,Helvetica,sans-serif; color:#333; padding:0; margin:0; height:100%; background:#f2f2f2; /*-moz-osx-font-smoothing: grayscale;*/}
a:link,a:active,a:visited {color:#0074A2; text-decoration:none;}
a:hover {color:#FF0000; text-decoration:none;}
form,ul,li,ol,dd,dt,dl,p,h1,h2,h3 {padding:0; margin:0; list-style:none;}
div:after,p:after,ul:after,li:after,ol:after,dl:after,dd:after,dl:after,h1:after,h2:after,h3:after,h4:after,h5:after{
	display:block;
	clear:both;
	overflow:hidden;
	content:" ";
}
.header {height:30px; clear:both; color:#ccc; background:#222; font:13px/30px Arial; position:relative; z-index:1; margin:0;}
.header a:link,.header a:visited,.header a:active{color:#eee;}
.header .item {float:left;display:inline-block; position:relative; z-index:100;}
.header .item .menuitem{display:block; padding:0 12px; height:30px; line-height:30px;}
.header .item .menuitem:hover{background:#444; color:#fff;}
.header .cur,.header .cur a{background:#444;color:#fff;}
.header .item ul{position:absolute; top:30px; background:#444; color:#fff; z-index:300; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); display:none;}
.header .item .submenu{width:110px; left:0;}
.header .item .submenu li{clear:both; text-align:left;}
.header .item .submenu li a{border:none; display:block; padding:0 15px; color:#fff;}
.header .item .submenu li a:hover {background:#222;}
.header .account {float:right; width:auto !important; width:160px;}
.header .account a img {display:inline-block; vertical-align:-5px; width:20px; height:20px; margin-left:7px; border-radius:2px;}
.header ul.profile {width:220px; right:0px; padding:10px; overflow:hidden; color:#fff; line-height:26px;}
.header ul.profile .atvar{float:left; margin-right:20px; width:64px; height:64px; padding:0; clear:none;}
.header ul.profile .atvar:after{clear:both; display:block;}
.header ul.profile .atvar img {border:0; display:block; width:64px; height:64px; margin-top:9px;}
.header ul.profile .actions{overflow:hidden;}
.header ul.profile a:hover{text-decoration:underline;}

#leftmenu {width:120px; padding:0; vertical-align:top; background:#222;}
#leftmenu h3{height:40px; line-height:40px; background:#111; cursor:pointer; color:#fff; font-size:12px;}
#leftmenu h3 a{display:block; padding:0 11px; text-decoration:none; color:#fff;}
#leftmenu h3 a:hover{background:#000;}
#leftmenu ul{clear:both; display:none;}
#leftmenu ul li{line-height:40px; height:40px; font-size:12px; font-weight:normal;}
#leftmenu ul li a{display:block; color:#fff; padding:0 15px; background-color:#222;}
#leftmenu ul li a.on{background-color:#0074A2; color:#fff;}
#leftmenu ul li a:hover{background:#000;}
#leftmenu .icon{vertical-align:1px; font-size:14px;}
.mainframe{padding:0; margin:0; overflow:hidden;}

/**=========顶部工具栏=========**/
.tophd{position:relative; width:100%; height:40px; margin:0;}
.topbar{position:fixed; top:0; width:100%; height:40px; padding:0 20px;
background-color:#fff; border-bottom:1px #DDD solid;}
.toolbar{display:block; margin-bottom:10px; display:block; position:relative; white-space:nowrap;}
.toolbar strong{font-size:20px; vertical-align:middle; display:inline-block;}
.toolbar .baritem{background:#ccc; height:26px; line-height:26px; border-radius:3px; padding:0 10px; font-size:12px; display:inline-block; margin-left:5px; cursor:pointer; color:#000;}
.toolbar .baritem:hover{background-color:#006369; color:#fff;}
/**=======================**/
#body,#pagecontainer{padding:20px;}
.clearfix{clear:both; line-height:0px;}
.blank {clear:both; height:20px; line-height:20px;}
.text,.input-text,select,textarea{border-width:1px; border-color:#666 #CCC #CCC #666; border-style:solid; 
box-sizing:border-box; padding:3px 5px; font-size:14px; background:#fff; height:28px; width:200px;}
textarea {height:80px; resize:none;}
select{width:auto; font-size:13px;}
select option{padding:7px 5px; border-bottom:0.5px #DDD solid;}
.input-title{width:100%; height:40px; padding:3px 10px; font-size:16px;}
.button,.submit{height:28px; line-height:26px; box-sizing:border-box; padding:0 15px; display:inline-block; 
font-size:12px; border-radius:3px; background:#006369; cursor:pointer; border:1px #999 solid;}
.button{background-image:linear-gradient(#fefefe, #e9e9e9); background-color:#f7f7f7;}
.button:hover{border-color:#666; background-image:linear-gradient(#fefefe, #eee); background-color:#f7f7f7;}
.submit{background-image:linear-gradient(#2EA2CC, #0074A2); background-color:#2EA2CC; color:#fff; border-color:#0074A2;}
.submit:hover{background-image:linear-gradient(#0074A2, #2EA2CC); background-color:#1e8cbe; color:#fff; border-color:#0074A2;}
.button-publish{width:160px; height:80px; font-size:22px;}
.checkbox,.radio,input[type=radio],input[type=checkbox]
{font-size:16px; width:16px; height:16px; vertical-align:-1px; box-sizing:border-box;}
.w30 {width:30px;}
.w60 {width:60px;}
.w100 {width:100px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.f-left{float:left;}
.f-right{float:right;}
.margin0{margin:0;}
.bold{font-weight:bold;}
.center{text-align:center;}
.area{overflow:hidden; display:block;}

/**==========发布文章==========**/
.post-image-box{width:130px; height:130px; border:1px #DDD solid; display:block; cursor:pointer; overflow:hidden;}
.post-image-box img{width:100%; height:100%; display:block;}
.post-swfupload-btn{width:160px; height:40px; margin:0 auto; text-align:center;}
.post-swfupload-wrap{border:1px #CCC solid; background:#fff; border-radius:2px;}
.post-swfupload-title{height:50px; line-height:50px; position:relative; padding:0 10px; 
background:#f8f8f8; border-bottom:1px #DDD solid; text-align:right;}
.post-swfupload-title .button-hd{position:absolute; top:6px; left:8px;}
.post-swfupload-hd{margin:10px; display:block;}
.post-swfupload-queue{width:100%; height:400px; overflow:scroll; padding-bottom:10px;}
.post-swfupload-queue .item{width:15%; float:left; margin:10px 0 0 10px; overflow:hidden; border:1px #DDD solid; border-radius:3px;}
.post-swfupload-queue .item .pic{display:block; height:140px; 
background:url(../images/common/loading32.gif) center center no-repeat #f5f5f5;}
.post-swfupload-queue .item .pic img{width:100%; height:100%;}
.post-swfupload-queue .item .textarea{width:100%; margin-top:10px; height:80px; border:0; resize:none; font-size:12px;}

.wrapper{background:#fff; border:1px #ccc solid; padding:10px;}
h2 {font-size: 23px;font-weight: 400;line-height: 29px; padding: 9px 0 4px; margin-bottom:10px; vertical-align:middle;}
h2 span.right {float:right;}
h2 .addnew{color:#0074A2; background:#ddd; font-size:12px; border-radius:3px; padding:7px 10px 3px; font-weight:bold; vertical-align:3px; margin-left:10px;}
h2 .addnew:hover{background:#0074a2; color:#fff; text-decoration:none;}

.about-content{background:#fff; border:1px #ddd solid;}
.about-content .content-title{padding:10px; font-size:15px; font-weight:bold; border-bottom:1px #ddd solid;}
.about-content .frame0{padding:20px; width:30%; float:left;}
.about-content .frame0:after{clear:both; display:block; content:" ";}
.about-content .frame0 .title{font-size:15px; padding-bottom:15px;}
.about-content .frame0 .item{font-size:14px;}
.about-content .frame0 .button{height:40px; line-height:40px; color:#fff;}
.about-content .textfield{font-size:14px; color:#666; line-height:1.5; padding:10px; text-align:justify;}
.about-content ul{clear:both; padding:10px;}
.about-content ul li{font-size:14px; height:28px; line-height:28px; overflow:hidden;}
.about-content ul li span{float:right;}
.about-content p{font-size:14px; padding:8px 10px;}
.about-left{width:49%; float:left; margin:20px 20px 0 0; overflow:hidden;}
.about-right{margin-top:20px; overflow:hidden;}

/**表单表格**/
.formtable{clear:both; table-layout:auto;}
.formtable th,td{padding:7px 10px 7px 0; text-align:left; font-size:14px;}
.listtable thead th{background-image:linear-gradient(#fff, #eee); background-color:#f2f2f2; 
text-align:left; font-size:14px; font-weight:normal; border-bottom:1px #ddd solid;}
.formtable tbody tr:hover td{background:#f5f5f5; color:#000;}
.formtable tbody th{font-weight:bold;}
.formtable tfoot{padding:10px 5px;}
.formtable tfoot .button,.formtable tfoot .submit{margin-right:10px;}
.formtable .tips{font-size:12px; color:#666;}

/**列表表格**/
.table-hd{border:1px #CCC solid; border-radius:3px; overflow:hidden; display:block; margin:0; padding:0;}
.listtable{background:#fff;}
.listtable th,.listtable td{padding:8px 5px;}
.listtable thead th{background-image:linear-gradient(#fff, #eee); background-color:#f2f2f2; 
text-align:left; font-size:14px; font-weight:normal; border-bottom:1px #ddd solid;}
.listtable tbody td,.listtable tbody th{background-color:#fff; border-bottom:0.8px #DDD solid;}
.listtable tbody th {font-size:14px; text-align:left;}
.listtable tbody .actions {clear:both; font-size:12px; font-weight:normal; color:#999; padding:7px 0 0;}
.listtable tbody tr:hover th,.listtable tbody tr:hover td{background:#f2f2f2;}
.listtable tfoot td,.listtable tfoot th{background-color:#fff;}
.listtable tfoot .pages{float:right;}
.listtable tfoot label{margin-right:3px;}
.listtable tfoot .button,.listtable tfoot .submit{margin-right:10px;}
.listtable .center{text-align:center;}
.listtable .tips{padding:5px 0; font-size:12px;}
.listtable .icon {font-size:14px; height:24px; width:20px; font-weight:normal; vertical-align:1px;}
.listtable .folder-line{float:left; background:url(../images/common/t1.png) -4px center no-repeat; display:inline-block; height:25px; width:30px;}
.listtable .join{width:36px; height:26px; background:url(../images/admin/join.png) left center no-repeat; display:block; float:left;}
.listtable .join2{background-image:url(/static/images/admin/join2.png);}

.postbody{background:#fff; border:1px #ccc solid;}
.postbody .postcontent{padding:9px 5px 5px 7px;}
.menu-header{padding:10px; clear:both; background-color:#F0F0F0; font-size:14px; border-bottom:1px #ccc solid;}
.menu-footer{padding:10px; clear:both; background-color:#F0F0F0; font-size:14px; border-top:1px #ccc solid;}
.nav-left{width:200px; float:left; margin-right:20px; border:1px #ccc solid; background:#fff;}
.nav-left .content{padding:10px;}
.nav-left .content select{width:180px; height:300px;}
.nav-right{overflow:hidden; border:1px #ccc solid; background:#fff;}
.nav-right .nav-class{padding:15px 10px; font-size:18px; border-bottom:1px #ccc solid;}
.nav-right .nav-class .icon{font-size:20px; vertical-align:0px;}
.nav-right .nav-item{line-height:40px; padding:0 10px; font-size:14px; clear:both; border-bottom:1px #ccc solid; position:relative;}
.nav-right .nav-item:after{clear:both; display:block; height:0; content:" ";}
.nav-right .nav-item .nav-title{width:15%; float:left; padding-right:10px;}
.nav-right .nav-item .nav-url{width:25%; float:left; padding-right:10px;}
.nav-right .nav-item .nav-position{width:10%; float:left;}
.nav-right .nav-item .nav-target{width:14%; float:left;}
.nav-right .nav-item .nav-available{overflow:hidden;}
.nav-right .nav-item .delete{position:absolute; top:3px; right:10px;}

.comment-content {padding:15px 15px 0 0; color:#555; line-height:1.4;}
.comment-attr{color:#999; font-size:12px; margin-top:10px; clear:both;}

.perm-content{background:#fff; border:1px #ddd solid;}
.perm-item{padding:10px; line-height:1.5; clear:both;}
.perm-title{padding:10px; font-size:15px; clear:both;}
.perm-tips {padding:10px; clear:both;}

.pages-left-frame{width:75%; margin-right:20px; float:left; overflow:hidden;}
.pages-right-frame{overflow:hidden;}
.pages-content{clear:both; margin-bottom:20px;}
.pages-title-input{padding:3px 8px; font-size:18px; width:100%; box-sizing:border-box;}
.pages-content .subdiv{background:#fff; border:1px #ccc solid; display:block;}
.pages-content .subdiv .handle{border-bottom:1px #ccc solid; padding:10px; font:bold 13px '';}
.pages-content .subdiv .content{padding:10px;}
.pages-content .subdiv .content h3,.pages-content .subdiv .content p{font-size:12px; padding:5px 0;}
.pages-content .subdiv .content .select{width:100%; box-sizing:border-box;}
.pages-content .subdiv .content #upload-image{position:relative;}
.pages-content .subdiv .content .file{position:absolute; width:100%; height:100%; left:0; top:0; display:block; cursor:pointer; box-sizing:border-box; opacity:0; visibility:visible;}
.pages-content .subdiv .content .input-text{width:100%; box-sizing:border-box;}

.sysmessage{background:#fff; clear:both; border:1px #ccc solid; padding:50px 0; margin:50px auto; width:70%;}
.sysmessage h3{text-align:center; font-size:16px; font-weight:bold; text-align:center;}
.sysmessage h3.success{color:#060;}
.sysmessage h3.error{color:#F00;}
.sysmessage h3.infomation, .sysmessage h3.warning{color:#333;}
.sysmessage .tips{text-align:center; font-size:12px; height:30px; line-height:30px; margin-top:20px;}
.sysmessage .links{text-align:center; font-size:14px; height:30px; line-height:30px; margin-top:20px;}
.sysmessage .links a{margin:0 3px;}


#footer {margin-top:20px; text-align:center; padding:9px 0 7px; line-height:29px;}
#footer a{color:#333;}

/**=======分页======**/
.pages{float:right; white-space:nowrap;}
.pages a,.pages span{display:inline-block; margin:0 2px; height:22px; font-size:12px; 
line-height:22px; padding:0 5px; box-sizing:border-box; border:1px #666 solid; color:#666; border-radius:2px;}
.pages a:hover{color:#0086B5; background:none; border-color:#0086B5;}
.pages .cur{color:#fff; background:#0086B5; border-color:#0086B5;}

/**========表格视图=======**/
.tableview{display:block; border:1px #CCC solid; border-radius:3px; background-color:#fff; overflow:hidden;}
.tableview .row{display:block; clear:both; border-bottom:0.8px #DDD solid;}
.tableview .cell{float:left; padding:8px 5px; font-size:14px; text-align:left;}
.tableview .theader,.tableview .tfooter{background:#f5f5f5; padding:10px 5px; min-height:26px;}
.tableview .theader{border-bottom:1px #CCC solid;}

.formtable .cell{padding:5px 10px; border-bottom:none;}
.formtable .row{border-bottom:0;}

.j-file{position:absolute; width:100%; height:100%; display:block; opacity:0; left:0; top:0; cursor:pointer;}
.sliderbox{display:block; margin:5px 0; position:relative;}
.sliderbox .pic{width:240px; height:180px; float:left; overflow:hidden; margin-right:20px;}
.sliderbox .pic img{display:block; width:100%; height:100%;}
.sliderbox .con{overflow:hidden;}
.sliderbox .con p{display:block; padding:7px 0; vertical-align:middle;}
.sliderbox .con p span{float:left; margin:4px 5px 0 0;}
.sliderbox .del{position:absolute; top:5px; right:10px; font-size:24px; cursor:pointer; line-height:1.0; padding:5px;}
.sliderbox .del:hover{background:#000; color:#fff; border-radius:3px;}